import {View, Text, Pressable, StyleSheet} from 'react-native';
import React from 'react';
import Icon from 'react-native-vector-icons/FontAwesome5';

interface BottomModalCellProps {
  item: string;
  icon: string;
}
export default function BottomModalCell(props: BottomModalCellProps) {
  const {item, icon} = props;
  return (
    <Pressable onPress={() => console.log('click item')}>
      <View style={styles.container}>
        <Icon name={icon} size={20} color="white" />

        <Text style={styles.text}>{item}</Text>
      </View>
    </Pressable>
  );
}
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
    paddingVertical: 20,
    justifyContent: 'flex-start',
    width: '100%',
    paddingHorizontal: 20,
  },
  text: {
    color: 'white',
    fontSize: 16,
    fontWeight: '500',
    marginLeft: 20,
  },
});
